<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <div id="countdown"></div> 
</body>
<script>
    // 获取用于展示倒计时的容器元素
const countdownDiv = document.getElementById('countdown');

// 设置倒计时截止时间（单位：毫秒）
const endTime = new Date('2023-05-01T00:00:00Z').getTime();

// 每秒钟更新一下倒计时的时间
setInterval(() => {
  // 计算当前时间与截止时间的差值（单位：毫秒）
  const diffTime = endTime - Date.now();
  
  // 如果已经过了截止时间，就停止计时
  if (diffTime <= 0) {
    clearInterval(timer);
    countdownDiv.textContent = '倒计时结束';
    return;
  }
  
  // 将剩余时间转换为天、小时、分钟和秒
  const days = Math.floor(diffTime / (1000 * 60 * 60 * 24));
  const hours = Math.floor((diffTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  const minutes = Math.floor((diffTime % (1000 * 60 * 60)) / (1000 * 60));
  const seconds = Math.floor((diffTime % (1000 * 60)) / 1000);
  
  // 将剩余时间输出到页面上
  countdownDiv.textContent = `距离截止时间还有：${days}天 ${hours}小时 ${minutes}分 ${seconds}秒`;
}, 1000);


</script>
</html>